<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="white-bold"
      class="page-section layout-engine-section background-width--inset section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle has-background white-bold"
      data-section-id="6073ff55c64f9762a2a3667b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg"
            data-image="../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg"
            data-image-dimensions="2500x1667"
            data-image-focal-point="0.5,0.5"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg"
            width="2500"
            height="1667"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="display: block; object-position: 50% 50%"
            srcset="
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=100w   100w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=300w   300w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=500w   500w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=750w   750w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=1000w 1000w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=1500w 1500w,
              ../../assets/imgs/unsplash-image-VUOiQW4OeLI.jpg?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="preScale scaleIn"
                      >
                        Full Spectrum <em>Servic</em>
                      </h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6073c8ca1834a220b7487e71"
    >
      <div class="content-wrapper">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div class="row sqs-row">
                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/homecare">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/smhl.png"
                                    data-image="../../assets/imgs/smhl.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="smhl.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/smhl.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/smhl.png?format=100w   100w,
                                      ../../assets/imgs/smhl.png?format=300w   300w,
                                      ../../assets/imgs/smhl.png?format=500w   500w,
                                      ../../assets/imgs/smhl.png?format=750w   750w,
                                      ../../assets/imgs/smhl.png?format=1000w 1000w,
                                      ../../assets/imgs/smhl.png?format=1500w 1500w,
                                      ../../assets/imgs/smhl.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Home Care </strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            Let the elderly who wish to receive care at their
                            own homes live with peace of mind, and professionals
                            who know the situation of the customers come to
                            visit for nursing. Helps "body care" such as
                            excretion and bathing, and also helps "life support"
                            such as cleaning, washing, and cooking. In addition,
                            chargeable services are also provided when there are
                            difficulties outside the scope of nursing insurance.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/onlineconsultations">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/Online+Cons+1.png"
                                    data-image="../../assets/imgs/Online+Cons+1.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="Online Cons 1.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/Online+Cons+1.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/Online+Cons+1.png?format=100w   100w,
                                      ../../assets/imgs/Online+Cons+1.png?format=300w   300w,
                                      ../../assets/imgs/Online+Cons+1.png?format=500w   500w,
                                      ../../assets/imgs/Online+Cons+1.png?format=750w   750w,
                                      ../../assets/imgs/Online+Cons+1.png?format=1000w 1000w,
                                      ../../assets/imgs/Online+Cons+1.png?format=1500w 1500w,
                                      ../../assets/imgs/Online+Cons+1.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Online Consultation</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            As we all know, a hospital is a public area with
                            relatively concentrated personnel. There are many
                            patients and their families who come to see a doctor
                            every day. If the epidemic prevention work is
                            slightly omitted, it is very easy to cause
                            cross-infection between patients, and then cause the
                            spread and spread of the epidemic. And spread. The
                            implementation of the "online consultation" service
                            can not only solve the problem of patients going to
                            the hospital for centralized treatment, avoid
                            cross-infection, but also help prevent epidemics.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/appointmentregistration">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/Appointment+Registration.png"
                                    data-image="../../assets/imgs/Appointment+Registration.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="Appointment Registration.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/Appointment+Registration.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/Appointment+Registration.png?format=100w   100w,
                                      ../../assets/imgs/Appointment+Registration.png?format=300w   300w,
                                      ../../assets/imgs/Appointment+Registration.png?format=500w   500w,
                                      ../../assets/imgs/Appointment+Registration.png?format=750w   750w,
                                      ../../assets/imgs/Appointment+Registration.png?format=1000w 1000w,
                                      ../../assets/imgs/Appointment+Registration.png?format=1500w 1500w,
                                      ../../assets/imgs/Appointment+Registration.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Appointment Registration</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            The hospital appointment registration system refers
                            to the system used by hospitals to make appointments
                            for patients through fixed telephones, websites,
                            mobile phones, text messages and other channels.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6073c8ca1834a220b7487e71"
    >
      <div class="content-wrapper">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div class="row sqs-row">
                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/overseasmedical">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/overseas+medical.png"
                                    data-image="../../assets/imgs/overseas+medical.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="overseas medical.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/overseas+medical.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/overseas+medical.png?format=100w   100w,
                                      ../../assets/imgs/overseas+medical.png?format=300w   300w,
                                      ../../assets/imgs/overseas+medical.png?format=500w   500w,
                                      ../../assets/imgs/overseas+medical.png?format=750w   750w,
                                      ../../assets/imgs/overseas+medical.png?format=1000w 1000w,
                                      ../../assets/imgs/overseas+medical.png?format=1500w 1500w,
                                      ../../assets/imgs/overseas+medical.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Overseas Medical</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            With the continuous improvement of my country's
                            national income level and the gradual increase in
                            information exchanges at home and abroad, more and
                            more mainland residents have begun to look for
                            better medical resources worldwide. As long as
                            conditions permit, domestic patients can also go
                            overseas to enjoy advanced development. Medical
                            services.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/medicalinsurance">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/Medical+Insurance.png"
                                    data-image="../../assets/imgs/Medical+Insurance.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="Medical Insurance.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/Medical+Insurance.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/Medical+Insurance.png?format=100w   100w,
                                      ../../assets/imgs/Medical+Insurance.png?format=300w   300w,
                                      ../../assets/imgs/Medical+Insurance.png?format=500w   500w,
                                      ../../assets/imgs/Medical+Insurance.png?format=750w   750w,
                                      ../../assets/imgs/Medical+Insurance.png?format=1000w 1000w,
                                      ../../assets/imgs/Medical+Insurance.png?format=1500w 1500w,
                                      ../../assets/imgs/Medical+Insurance.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Medical Insurance</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            Medical insurance generally refers to basic medical
                            insurance, which is a social insurance system
                            established to compensate employees for economic
                            losses caused by disease risks. Through the payment
                            of employers and individuals, a medical insurance
                            fund is established. After the medical expenses
                            incurred by the insured persons for medical
                            treatment, the medical insurance agency will give
                            them a certain amount of financial compensation.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/dnatesting">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/heal4.png"
                                    data-image="../../assets/imgs/heal4.png"
                                    data-image-dimensions="1957x1223"
                                    data-image-focal-point="0.5,0.5"
                                    alt="Picture 4.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/heal4.png"
                                    width="1957"
                                    height="1223"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/heal4.png?format=100w   100w,
                                      ../../assets/imgs/heal4.png?format=300w   300w,
                                      ../../assets/imgs/heal4.png?format=500w   500w,
                                      ../../assets/imgs/heal4.png?format=750w   750w,
                                      ../../assets/imgs/heal4.png?format=1000w 1000w,
                                      ../../assets/imgs/heal4.png?format=1500w 1500w,
                                      ../../assets/imgs/heal4.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>DNA Testing</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            Gene is the basic unit of heredity. DNA or RNA
                            sequence that carries genetic information is copied
                            to pass the genetic information to the next
                            generation, direct the synthesis of protein to
                            express the genetic information it carries, thereby
                            controlling the expression of individual traits.
                            Genetic testing is a technology that uses blood,
                            other body fluids, or cells to detect DNA
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6073c8ca1834a220b7487e71"
    >
      <div class="content-wrapper">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div class="row sqs-row">
                  <div class="col sqs-col-4 span-4">
                    <div
                      class="sqs-block image-block sqs-block-image sqs-text-ready"
                      data-block-type="5"
                      id="block-b302f3e0252cfe5cdcc6"
                    >
                      <div class="sqs-block-content">
                        <div
                          class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                          data-test="image-block-inline-outer-wrapper"
                        >
                          <figure class="sqs-block-image-figure intrinsic">
                            <div
                              class="image-block-wrapper"
                              data-animation-role="image"
                              style="
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.245902s;
                              "
                            >
                              <div
                                class="sqs-image-shape-container-element has-aspect-ratio"
                                style="
                                  position: relative;
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              >
                                <router-link to="/healthcheckup">
                                  <img
                                    data-stretch="false"
                                    data-src="../../assets/imgs/Health+Checkup.png"
                                    data-image="../../assets/imgs/Health+Checkup.png"
                                    data-image-dimensions="314x210"
                                    data-image-focal-point="0.5,0.5"
                                    alt="Health Checkup.png"
                                    data-load="false"
                                    elementtiming="system-image-block"
                                    src="../../assets/imgs/Health+Checkup.png"
                                    width="314"
                                    height="210"
                                    sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                    style="
                                      display: block;
                                      object-fit: cover;
                                      width: 100%;
                                      height: 100%;
                                      object-position: 50% 50%;
                                    "
                                    onload='this.classList.add("loaded")'
                                    srcset="
                                      ../../assets/imgs/Health+Checkup.png?format=100w   100w,
                                      ../../assets/imgs/Health+Checkup.png?format=300w   300w,
                                      ../../assets/imgs/Health+Checkup.png?format=500w   500w,
                                      ../../assets/imgs/Health+Checkup.png?format=750w   750w,
                                      ../../assets/imgs/Health+Checkup.png?format=1000w 1000w,
                                      ../../assets/imgs/Health+Checkup.png?format=1500w 1500w,
                                      ../../assets/imgs/Health+Checkup.png?format=2500w 2500w
                                    "
                                    loading="lazy"
                                    decoding="async"
                                    data-loader="sqs"
                                    class="loaded"
                                  />
                                </router-link>
                              </div>
                            </div>
                          </figure>
                        </div>
                      </div>
                    </div>
                    <div class="sqs-block html-block sqs-block-html">
                      <div class="sqs-block-content">
                        <div class="sqs-html-content">
                          <h3
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.255738s;
                            "
                            class="preFade fadeIn"
                          >
                            <strong>Health Checkup</strong>
                          </h3>
                          <p
                            style="
                              text-align: center;
                              white-space: pre-wrap;
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.265574s;
                            "
                            class="preFade fadeIn"
                          >
                            The real significance of a health checkup is not
                            only to check whether the body is diseased, but also
                            to see if there is a risk of getting disease, to
                            fully understand your physical condition, and to
                            adjust your lifestyle and eating habits in time
                            based on the data of the physical examination report
                            to achieve active management of health. The purpose
                            of pre-treatment.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@import url("../../assets/css/common.css");
/* @media screen and (min-width: 768px) {
  .page-section.content-width--wide .content, .page-section.content-width--narrow.content-collection .content, .page-section.content-width--medium.content-collection .content {
    width: 75%;
}
} */
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    font-size: calc((4 - 2) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc((2 - 1) * 1.2vw + 1rem);
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
section > .content-wrapper {
  opacity: 1;
}
.page-section.horizontal-alignment--center > .content-wrapper {
  justify-content: center;
}
.page-section > .content-wrapper {
  display: flex;
}
.page-section > .content-wrapper {
  width: 100%;
  box-sizing: content-box;
  position: relative;
}
.page-section > .content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
.sqs-layout > .sqs-row {
  margin-left: -17px;
  margin-right: -17px;
}
[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(
    .sqs-feature-gated-wrapper
  ):first-child:last-child {
  padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}
[class*="sqs-col"] {
  float: left;
}
.sqs-col-4 {
  width: 33.3333%;
}
.content-wrapper p {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  font-family: Poppins;
  line-height: 28px;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(
    .editmode-changing-rowcount
  ).section-height--medium
  > .content-wrapper {
  padding-top: 3.3vmax;
  padding-bottom: 3.3vmax;
}
.intrinsic {
  max-width: 390px;
}

@media screen and (max-width: 767px) {
  .sqs-layout [class*="sqs-col"] {
    float: none !important;
    width: auto !important;
  }
}
</style>
